<!DOCTYPE html>
<html>

	<head>
		<meta charset='UTF-8'>
		<title></title>
		<script type='text/javascript' src='js/jquery-1.12.4.js'></script>
		<script type='text/javascript' src='js/test.js'></script>
		<style>
        * {
            margin: 0;
        }

        .d {
           
            width: 800px;
            height: 370px;
            overflow: hidden;
            margin: 0px auto;
        }

        .pa {
            width: 30%;
            height: 100%;
            float: left;
            text-align: center;
            cursor: pointer;
           
            background-color: #F3EDF8;
            margin: 0 1.5%;
        }

            .pa:hover {
                background-color: rgba(171, 255, 14, 0.24);
            }

        .title {
            width: 100%;
            text-align: center;
            margin-top: 10px;
            font-size: 25px;
            font-family: "微软雅黑";
            font-weight: bold;
            letter-spacing: 7px;
            color: #807E7E;
        }

            .title {
                color: lightseagreen;
            }

        img {
            width: 40%;
        }

        .dimg {
            margin-top: 30%;
        }
    </style>
    <script>
        function xianshi() {
            var ix =   $(window).width()/900
           // alert(ix + "+" + $(window).width())
          
            $(".d").css({
                "width": 800 * ix,
                "height": 370 * ix,
                "margin-top": ($(window).height() - 390 * ix)/2
             })
        }
        $(function () {
            //  init();

            xianshi();
            $(".d2").click(function () {
                // var eFunc = new easyFunc2016()
                // eFunc.showDoDiv($('#showhelp'), 1040, 525, "帮助文档和售后支持", "../wuye/bugxuqiu.aspx", 1, 1, 1);
                window.location.href = "../wuye/bugxuqiu.aspx";
            })
        })
    </script>
</head>
<body>
    <div class="d">
        <div class="d1 pa">
            <div class="dimg">
                <img src="img/1.png" />
            </div>
            <div class="title">
                帮助文档
            </div>
        </div>
        <div class="xian">
        </div>
        <div class="d2 pa">
            <div class="dimg">
                <img src="img/2.png" />
            </div>
            <div class="title">
                需求与bug
            </div>
        </div>
        <div class="xian">
        </div>
        <div class="d3 pa">
            <div class="dimg">
                <img src="img/3.png" />
            </div>
            <div class="title">
                技术支持
            </div>
        </div>
    </div>
</body>

</html>
